<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.css"
	type="text/css" />
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"
	type="text/css" />
<link rel="stylesheet"
	href="../css/smoothness/jquery-ui-1.8.23.custom.css" type="text/css"
	media="all" />
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/jquery.maskMoney.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.8.20.custom.min.js"
	type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.ui.datepicker-pt-BR.js"></script>

<!-- SCRIPT DO FANCYBOX JQUERY -->
<script>
	!window.jQuery
			&& document
					.write('<script src="../js/jquery-1.6.2.min.js"><\/script>');
</script>
<script type="text/javascript"
	src="../js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript"
	src="../js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css"
	href="../js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
	$(document).ready(function() {

		$("#formprod").fancybox({
			'transitionIn' : 'elastic',
			'transitionOut' : 'elastic',
			'width' : '65%',
			'height' : '50%',
			'type' : 'iframe'

		});

	});
</script>

<!-- /SCRIPT DO FANCYBOX JQUERY -->

<!-- SCRIPT DO CALENDARIO JQUERY-->
<script type="text/javascript">
	$(document).ready(function() {

		$("#dataDeVencimento").datepicker();

	});
</script>
<!-- /SCRIPT DO CALENDARIO JQUERY-->

<!--SCRIPT DE MÁSCARA DE REAIS -->
<script type="text/javascript">
	$(document).ready(function() {

		$("#valor").maskMoney({
			symbol : 'R$ ',
			showSymbol : true,
			thousands : '.',
			decimal : ',',
			symbolStay : true
		});
	});
</script>
<!--/SCRIPT DE MÁSCARA DE REAIS -->

</head>
<body>

	<form action="../acessoContasAPagar" method="get" id="formcontasAPagar"
		name="formcontasAPagar">

		<!-- INPUTS DE DADOS -->
		<table class="table table-condensed">
			<input type="hidden" id="idContasAPagar" name="idContasAPagar">

			<tr>
				<td><h5>DESCRI&Ccedil;&Atilde;O</h5></td>
				<td><input style="width: 250px; " type="text" id="descricao" name="descricao"
					title="Descri&ccedil;&atilde;o" class="input-medium search-query" required /></td>
				<!-- CAMPO PARA CONSULTA DE DADOS ARMAZENADOS -->
				<td><a id="formprod"
					href="../popUps/consultarContasAPagar.jsp?descricao="><i
						class="icon-search" title="Pesquisar"
						class="input-medium search-query" /></a></td>
			</tr>
			<tr>
				<td><h5>VALOR</h5></td>
				<td><input type="text" id="valor" name="valor" title="Valor"
					class="input-medium search-query" required/></td>
			</tr>
			<tr>
				<td><h5>DATA DE VENCIMENTO</h5></td>
				<td><input type="text" id="dataDeVencimento"
					name="dataDeVencimento" title="Data de vencimento"
					class="input-medium search-query" required/></td>
			</tr>
			<tr style="float: right;">
				<!-- INPUTS PARA EXECUÇÕES DO SISTEMA -->
				<td><input type="submit" id="acao" name="acao" value="Salvar"
					class="btn btn-inverse" /></td>
				<td><input type="submit" id="acao" name="acao" value="Excluir"
					class="btn btn-inverse" /></td>
				<td><input type="submit" id="acao" name="acao" value="Alterar"
					class="btn btn-inverse" /></td>
				<td><input type="reset" value="Cancelar"
					class="btn btn-inverse" /></td>
			</tr>
		</table>
	</form>

</body>
</html>